<div class = "text-obj border condition" ng-click = "select();editable = false;" style = "background: #ffffff;">
    <style>
        .text-obj textarea:focus {
            border: none;
        }
    </style>
    <div class = "w h text-container">
        <div class = "w h p10" ng-hide = "editable" ng-dblclick = "begin_edit($event)" style = "text-indent: 2em;overflow: hidden;">
            {{config.content}}
        </div>
        <textarea class = "m10" ng-show = "editable" ng-model = "config.content" ng-blur = "editable = false" ng-click = "stopProp($event)"></textarea>
    </div>
    <b class = "point left-top" ng-show = "selected"></b>
    <b class = "point left-mid" ng-show = "selected"></b>
    <b class = "point left-bom" ng-show = "selected"></b>
    <b class = "point cent-bom" ng-show = "selected"></b>
    <b class = "point rigt-bom" ng-show = "selected"></b>
    <b class = "point rigt-mid" ng-show = "selected"></b>
    <b class = "point rigt-top" ng-show = "selected"></b>
    <b class = "point cent-top" ng-show = "selected"></b>
</div>